webpack4中的 optimization.runtimeChunk

2022-03-23 20:15| 来源: 网络整理| 查看: 265

webpack4中的optimization.runtimeChunk是用来分离运行时的代码，我们看下面的例子来了解它的具体作用：

分离不含import()的

先看一个不包含import()的vue项目：

/*---App.vue---*/ About /*---About.vue---*/ This is an about page /*---router.js---*/mport About from '../views/About.vue'Vue.use(VueRouter)const routes = [ { path: '/about', name: 'about', component:About }]

打包，得到如下结果：

然后我们配置vue.config.js:

configureWebpack: { optimization: { runtimeChunk:{ name:()=>'aaa' }, },}

再一次打包：

我们可以发现多了个aaa.***.js，它就是runtimeChunk配置的，是从app.***.js中分离出来的webpack相关代码，我们看看aaa.***.js内容：

(function(e) { function r(r) { for(var n, l, a = r[0], i = r[1], f = r[2], c = 0, s = []; c

【本文地址】

公司简介

联系我们